@media screen and (max-width: 1200px){
    .wp{max-width: 1024px;}

    #banner .box .btn{padding: 0 20px;}
}



@media screen and (max-width: 960px){
    #banner .ban-box{position: relative;}
    #banner .ban-box .box{height: 170px;}
}



@media screen and (max-width: 768px){
    #hd,#nav{display: none;}
    .m-hd{display: block;}
    #banner{margin-top: 60px;}
    #banner .ban-box{display: none;}
    .ul-img li{padding: 0 10px;}
    .row1{background: none;}
    .i-about{margin-bottom: 20px;}
    .snv-i{margin-bottom: 10px;}
    .snv-i ul li{padding: 0 10px;margin-bottom: 10px;}
    .snv-i ul li a{padding: 0 10px;}
    .i-about .pic{width: 100%;float: none;}
    .advant{padding-bottom: 0;}
    .advant .pic{width: 100%;float: none;}
    .advant .txt ul li{padding: 10px;}
    .col-l{width: 100%;float: none;padding: 0 10px;margin-bottom: 20px;}
    .m1-box{padding: 0 !important;}


    .col_l{display: none;}
    .col_r{width: 100%;}
    .cur{display: none;}
    .wp{padding: 0 10px;}
}

@media screen and (max-width: 640px){
    .ul-img li{width: 50%;margin-bottom: 20px;}
    .i-about .txt{padding: 10px;}
    .ul-imgtxt li{width: 50%;   }
    .row3 .bg{background: none;padding-top: 0;}
    .fd-info a{width: auto;margin: 0 5px;}
    .fd-link dd a{margin: 0 10px}
    .tit-i{margin-top: 10px;margin-bottom: 10px;}
    .row4{padding-top: 20px;}
    .advant .txt ul li span{margin-right: 10px;}
    .contact dl{width: 100%;float: none !important;margin-bottom: 20px;}
}

@media screen and (max-width: 320px){
    .ul-imgtxt li{width: 100%;}
}